@charset "UTF-8";

@font-face {
    font-family: "webfontB";
    src: url(../plugin/webfonts/Alibaba-PuHuiTi-Bold.otf);
}

@font-face {
    font-family: "webfontR";
    src: url(../plugin/webfonts/Alibaba-PuHuiTi-Regular.otf);
}

@font-face {
    font-family: "webfontM";
    src: url(../plugin/webfonts/Alibaba-PuHuiTi-Medium.otf);
}

body {
    background-color: #f6f6f6;
}

.topon {
    position: fixed !important;
    top: 0;
}

.KN_HEADFIXED>.KN_APPHD,
.KN_HEADFIXED>.KN_PCHD,
.KN_WEBHEAD {
    height: 220px;
    line-height: 220px;
}

.KN_WEBBODY {
    height: calc(100% - 220px);
}

.KN_PCHD .KN_PCHDTITLE {
    color: #1b1f37;
}

.KN_PCHD .KN_APPHDLOGOIMG {
    padding: 75px 0;
}

.KN_WEBHEAD {
    background-color: transparent;
}

.KN_PCHD {
    padding: 0 11.33%;
}

.KN_PCHD>.KN_PCHDLOGO,
.KN_PCHD>.KN_PCHDOUT {
    margin-top: -70px;
}

.KN_PCHD>.KN_PCHDMENU {
    position: absolute;
    bottom: 0;
    left: 11.33%;
    margin-left: 0;
    width: calc(100% - 11.33%*2);
    height: 70px;
    line-height: 70px;
    background-color: #234791;
}

.KN_PCHD .KN_PCHDNAV {
    float: left;
    margin-left: 0;
    width: calc(100% - 365px);
}

.KN_PCHD .KN_PCHDLOGOIMG {
    margin-top: 13%;
    padding: 0;
    height: auto;
}

.KN_PCHD .KN_PCHDTITLE>img {
    margin-top: 13%;
}

.KN_PCHD .KN_PCHDOUTIMG1 {
    margin-top: 18%;
}

.KN_PCHD .KN_PCHDNAVLIST {
    background: url(../img/img_menuline.png) no-repeat;
    background-size: auto auto;
    background-position: right center;
    width: calc(100%/5);
    padding-left: 0;
}

.KN_PCHD .KN_PCHDNAVTITLE {
    height: 100%;
    background-color: #234791;
    font-size: 22px;
    font-family: "webfontR";
    color: #fff;
}

.KN_PCHD .KN_PCHDNAVLIST.ACTIVE>.KN_PCHDNAVTITLE,
.KN_PCHD .KN_PCHDNAVLIST:hover>.KN_PCHDNAVTITLE {
    background: url(../img/img_menuactive.png) no-repeat;
    background-size: auto auto;
    background-position: center 80%;
    background-color: #234791;
    color: #fff;
}

.KN_PCHD .KN_PCHDNAVLINK {
    border-top: 1px solid #ddd;
    font-family: "webfontR";
    line-height: 50px;
    color: #fff;
}

.KN_PCHD .KN_PCHDNAVLINK:first-child {
    border-top: none;
}

.KN_PCHD .KN_PCHDNAVLINK:hover {
    background-color: #f8f8f8;
    color: #da251d;
}

.KN_PCHD .KN_PCHDNAVDOWN {
    width: 100%;
    background-color: #234791;
}

.KN_PCHD .KN_PCHDOUTIMG1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: url(../img/img_tel.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    padding-left: 75px;
    width: 365px;
    height: 70px;
    vertical-align: middle;
    font-size: 20px;
    font-family: "webfontB";
    color: #29176f;
}

.KN_FOOTER {
    height: 100px;
    line-height: 100px;
    background-color: #333;
}

.KN_CONTENT {
    height: calc(100% - 100px);
}

.KN_APPHDMENU {
    width: 23px;
}

.KN_APPHDTEXT {
    float: right;
    margin-right: 2%;
    height: 100%;
}

.headerSearch {
    position: relative;
    float: right;
    height: 100%;
    background: url(../img/img_searchbg.png)no-repeat;
    background-size: 100% 90%;
    background-position: center bottom;
}

.headerSearch.active {
    width: 365px;
    animation: headerSearch_animate .13s ease-in;
    -webkit-animation: headerSearch_animate .13s ease-in;
}

@keyframes headerSearch_animate {
    0% {
        width: auto;
    }
}

.headerSearchInput {
    position: relative;
    top: 15px;
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding-right: 50px;
    padding-left: 5px;
    width: 100%;
    height: 40px;
    background-color: transparent;
    color: #29176f;
}

.headerSearchIMG {
    position: absolute;
    top: 0;
    right: 10px;
}

.headerSearchIMG:hover {
    opacity: .8;
}

.titleLine {
    position: absolute;
    top: 23px;
    left: 0;
}

.slider1 .swiper-pagination-bullet {
    background-color: #fff;
}

.slider1 .sliderTitle {
    z-index: 1;
    position: absolute;
    top: calc(50% - 105px - 60px);
    right: calc(11.33% + 9px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 470px;
    height: 210px;
    font-size: 60px;
    font-family: "webfontB";
    text-align: center;
    background: url(../img/img_slidertxtbg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    color: #fff;
}

.sliderTxt1 {
    font-size: 40px;
}

.slider1 .swiper-slide {
    display: flex;
    padding: 0 11.33%;
    /* padding-right: calc(11.33% + 10px); */
}

.slider1 .swiper-slide>a {
    display: block;
}

.slider1 .swiper-pagination {
    bottom: 100px !important;
}

.slider1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.silderButton {
    position: absolute;
    bottom: 0;
    left: 11.33%;
    padding: 0 120px;
    width: calc(100% - 11.33%*2);
    height: 120px;
    font-family: "webfontM";
    text-align: left;
    background-color: #234791;
    color: #fff;
}

.silderNote {
    display: flex;
    justify-content: center;
    flex-flow: column;
    border-right: 1px solid #93adef;
    border-left: 1px solid #93adef;
    padding-left: 65px;
    height: 100%;
    color: #fff;
}

.silderNote:hover {
    opacity: .8;
}

.silderNote:hover .sliderTxt5 {
    color: #009dff;
}

.sliderTxt4 {
    margin-top: 5px;
    font-size: 26px;
}

.sliderTxt5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-right: 1%;
    font-size: 26px;
    background-color: transparent;
    color: #fff;
}

.sliderButtonPrev1.swiper-button-prev,
.sliderButtonNext1.swiper-button-next {
    top: 0;
    left: 0;
    margin: 0;
    width: 120px;
    height: 100%;
    background: url(../img/img_silder1prev.png) no-repeat;
    background-size: auto auto;
    background-position: center center;
    opacity: .5;
    transition: opacity .13s ease-in;
    -webkit-transition: opacity .13s ease-in;
    -moz-transition: opacity .13s ease-in;
    -ms-transition: opacity .13s ease-in;
    -o-transition: opacity .13s ease-in;
}

.sliderButtonNext1.swiper-button-next {
    right: 0;
    left: unset;
    background: url(../img/img_silder1next.png) no-repeat;
    background-size: auto auto;
    background-position: center center;
}

.sliderButtonPrev1.swiper-button-prev:hover,
.sliderButtonNext1.swiper-button-next:hover {
    opacity: 1;
}

.homeList1 {
    overflow: hidden;
    height: 770px;
    text-align: center;
}

.homeList1 .swiper-container,
.homeList1 .swiper-slide>img {
    width: 100%;
    height: 100%;
}

.menu {
    z-index: 1;
    position: relative;
    margin-top: -75px;
    height: 160px;
    padding: 0 11.33%;
}

.menuList {
    position: relative;
    float: left;
    overflow: hidden;
    width: calc(100%/3);
    height: 100%;
    cursor: default;
}

.menuListMin {
    display: block;
    padding: 23px 50px;
    background-color: #168bdd;
    color: #fff;
    transition: all .13s ease-in;
    -webkit-transition: all .13s ease-in;
    -moz-transition: all .13s ease-in;
    -ms-transition: all .13s ease-in;
    -o-transition: all .13s ease-in;
}

.menuList:nth-child(2)>.menuListMin {
    background-color: #d7442c;
}

.menuList:last-child>.menuListMin {
    background-color: #3666e2;
}

.menuList:hover {
    overflow: unset;
}

.menuList:hover>.menuListMin {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 6px solid #168bdd;
    width: 100%;
    background-color: #fff;
}

.menuList:nth-child(2):hover>.menuListMin {
    border-top: 6px solid #d7442c;
}

.menuList:last-child:hover>.menuListMin {
    border-top: 6px solid #3666e2;
}

.menuDate {
    margin-bottom: 20px;
    font-family: "webfontM";
}

.menuTitle {
    font-size: 24px;
    font-family: "webfontM";
    line-height: 36px;
}

.menuNote {
    margin-top: 30px;
    margin-bottom: 35px;
    font-family: "webfontR";
    line-height: 28px;
    color: #666;
}

.menuList:hover .menuDate,
.menuList:hover .menuTitle {
    color: #28233a;
}

.homeList2 {
    /* padding: 135px 11.33% 85px; */
    /* padding: 2% 11.33% 5%; */
    padding: 2% 11.33%;
    background-color: #ccc;
}

.homeAboutLeft,
.homeAboutRight {
    float: left;
    width: calc(100% - 400px - 80px);
}

.homeAboutRight {
    margin-left: 80px;
    width: 400px;
    height: 300px;
}

.KN_MEDIAVIDEOGROUP {
    height: 100%;
}

.KN_MEDIAVIDEO {
    height: auto;
}

.videoBg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.videoBg>img {
    width: 100%;
}

.homeTitle {
    border-bottom: 1px solid #acacac;
    margin-bottom: 2%;
}

.homeTitleIMG {
    margin-bottom: 2%;
    font-size: 26px;
    font-family: "webfontB";
}

.homeTitleTXT {
    font-size: 40px;
    font-family: "webfontM";
    line-height: 1;
    padding-bottom: 20px;
}

.homeContent {
    font-family: "webfontR";
    line-height: 30px;
}

.homeContentTxt1 {
    margin-bottom: 40px;
}

.homeContentTxt1>b {
    font-size: 20px;
    font-family: "webfontB";
}

.homeContentTxt2 {
    margin-bottom: 2%;
    font-size: 26px;
    font-family: "webfontB";
    text-align: left;
}

.homeContentBtn {
    display: inline-block;
    transition: opacity .13s ease-in-out;
    -webkit-transition: opacity .13s ease-in-out;
    -moz-transition: opacity .13s ease-in-out;
    -ms-transition: opacity .13s ease-in-out;
    -o-transition: opacity .13s ease-in-out;
}

.homeContentBtn:hover {
    opacity: .8;
}

.homeAboutCompany {
    position: relative;
    border: 1px solid #e1dfe8;
    height: 200px;
    background-color: #fff;
}

.homeAboutCompanyTXT {
    margin: 2% 0;
    font-size: 26px;
    font-family: "webfontB";
    text-align: left;
}

.slider2 {
    width: calc(100% - 160px);
    height: 100%;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
}

.slider2 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    border-left: 1px solid #ccc;
    padding: 0 2%;
}

.slider2 .swiper-slide:last-child {
    border-right: 1px solid #ccc;
}

.homeAboutCompany .swiper-button-next,
.homeAboutCompany .swiper-button-prev {
    z-index: 1;
    top: 0;
    margin-top: 0;
    width: 80px;
    height: 100%;
    background-color: #fff;
}

.homeAboutCompany .swiper-button-next {
    right: 0;
    border-left: 1px solid #ccc;
    background: url(../img/img_btnnext.png) no-repeat;
    background-size: auto auto;
    background-position: center center;
}

.homeAboutCompany .swiper-button-prev {
    left: 0;
    background: url(../img/img_btnprev.png) no-repeat;
    background-size: auto auto;
    background-position: center center;
}

.companyName {
    font-size: 26px;
    font-family: "webfontM";
    line-height: 30px;
    color: #234791;
}

.companyWhere {
    margin: 5px 0;
    font-family: "webfontM";
}

.companyTel {
    font-family: "webfontM";
}

.homeList3 {
    /* height: 910px; */
    background: url(../img/img_workbg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    /* padding: 145px 11.33%; */
    padding: 2% 11.33%;
}

.workTitle {
    border-bottom: 1px solid #606f9a;
    padding-bottom: 40px;
}

.workCN {
    float: left;
    font-size: 40px;
    font-family: "webfontM";
    color: #fff;
}

.workEN {
    float: right;
    font-size: 30px;
    font-family: "webfontB";
    color: #fff;
}

.workNote {
    margin-top: 80px;
    font-family: "webfontM";
    line-height: 30px;
    color: #fff;
}

.workContent {
    margin-top: 55px;
    height: 320px;
}

.slider3 {
    height: calc(100% - 40px - 55px);
}

.slider3 .swiper-slide {
    position: relative;
}

.slider3 .swiper-slide:first-child,
.slider3 .swiper-slide:nth-child(4),
.slider3 .swiper-slide:nth-child(7),
.slider3 .swiper-slide:nth-child(10),
.slider3 .swiper-slide:nth-child(13),
.slider3 .swiper-slide:nth-child(16) {
    background: url(../img/img_worklistbg1.png)no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.slider3 .swiper-slide:nth-child(2),
.slider3 .swiper-slide:nth-child(5),
.slider3 .swiper-slide:nth-child(8),
.slider3 .swiper-slide:nth-child(11),
.slider3 .swiper-slide:nth-child(14),
.slider3 .swiper-slide:nth-child(17) {
    background: url(../img/img_worklistbg2.png)no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.slider3 .swiper-slide:nth-child(3),
.slider3 .swiper-slide:nth-child(6),
.slider3 .swiper-slide:nth-child(9),
.slider3 .swiper-slide:nth-child(12),
.slider3 .swiper-slide:nth-child(15),
.slider3 .swiper-slide:nth-child(18) {
    background: url(../img/img_worklistbg3.png)no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.slider3 .swiper-wrapper {
    height: 100%;
}

.slider3 .swiper-pagination-bullet-active {
    background-color: #fff;
}

.slider3 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #fff;
}

.slider3 .swiper-pagination.sliderPagination3,
.slider3 .swiper-pagination-custom,
.slider3 .swiper-pagination-fraction {
    bottom: -5px;
}

.sliderPagination3 {
    display: none;
}

.workLink {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    height: 100%;
    color: #fff;
    text-align: center;
    cursor: default;
}

.slider3 .swiper-slide:hover>.workLink {
    color: #fff;
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

.workTxt1 {
    margin-bottom: 40px;
    font-size: 30px;
    font-family: "webfontM";
}

.workTxt2 {
    margin-bottom: 10px;
    font-family: "webfontM";
}

.workTxt3 {
    font-family: "webfontM";
}

.workSliderBtn {
    position: relative;
    margin-top: 55px;
    height: 40px;
    text-align: center;
}

.workSliderBtnBox {
    display: inline-block;
    height: 100%;
}

.workSliderBtn .swiper-button-next,
.workSliderBtn .swiper-button-prev {
    position: unset;
    top: 0;
    left: unset;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin-top: 0;
    height: 100%;
    background-image: none;
    background-color: transparent;
    width: 40px;
    height: 40px;
    font-size: 26px;
    font-family: monospace;
    color: #fff;
    transition: background-color .3s, color .3s;
    -webkit-transition: background-color .3s, color .3s;
    -moz-transition: background-color .3s, color .3s;
    -ms-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
}

.workSliderBtn .swiper-button-next:hover,
.workSliderBtn .swiper-button-prev:hover {
    background-color: #fff;
    color: #333;
}

.workSliderBtn .swiper-button-next {
    right: unset;
    left: unset;
    margin-left: 10px;
}

.workMore {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.workLink>.workMore {
    display: none;
}

.workMore .kniu_btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-left: 0;
    width: 170px;
    height: 60px;
    font-size: 20px;
    font-family: "webfontR";
    background-color: #fff;
    color: #333;
}

.workMore .kniu_btn:hover {
    color: #da251d;
    opacity: 1;
}

.slider3 .swiper-slide:hover>.workMore {
    z-index: 1;
    opacity: 1;
}

.newsDetail {
    /* padding: 145px 11.33% 75px; */
    padding: 2% 11.33% 4%;
}

.newsNav {
    height: 120px;
}

.newsTitle {
    float: right;
    font-size: 26px;
    font-family: "webfontB";
    color: #28233a;
}

.newsList {
    display: block;
    border-top: 1px solid #b2b2b2;
    padding: 45px 0;
}

.newsNote,
.newsIMG {
    float: left;
}

.newsNote {
    width: calc(100% - 170px - 490px);
}

.newsIMG {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 170px;
    overflow: hidden;
    width: 490px;
    height: 240px;
    background-color: #ecf3f9;
}

.newsIMG>img {
    width: auto;
    transition: transform .6s ease-in-out;
    -webkit-transition: transform .6s ease-in-out;
    -moz-transition: transform .6s ease-in-out;
    -ms-transition: transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
}

.newsList:hover>.newsIMG>img {
    opacity: .8;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.newsNoteTxt1 {
    margin-bottom: 20px;
    font-size: 30px;
    font-family: "webfontM";
    color: #28233a;
}

.newsNoteTxt2 {
    margin-bottom: 40px;
    font-family: "webfontM";
    color: #28233a;
}

.newsNoteTxt3 {
    margin-bottom: 40px;
    font-family: "webfontR";
    line-height: 28px;
    color: #666;
}

.newsList:hover>.newsNote>.newsNoteTxt1,
.newsList:hover>.newsNote>.newsNoteTxt2,
.newsList:hover>.newsNote>.newsNoteTxt3 {
    color: #da251d;
}

.newsMenu {
    float: left;
    height: 100%;
    font-size: 32px;
    font-family: "webfontM";
}

.newsMenu>.kniu_hashTabBtn.active {
    font-size: 40px;
    color: #28233a !important;
}

.newsMenu>.kniu_navList.active::after {
    height: 5px;
    background-color: #303030;
}

.newsMenu>.kniu_navList:hover {
    color: #28233a !important;
}

.newsMenu>.kniu_navLine {
    margin: 0 30px;
}

.newsMore,
.newsInfo {
    text-align: center;
}

.newsMoreLink {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #bfbfbf;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    width: 90px;
    height: 90px;
    transition: border .13s ease-in, background-color .13s ease-in;
    -webkit-transition: border .13s ease-in, background-color .13s ease-in;
    -moz-transition: border .13s ease-in, background-color .13s ease-in;
    -ms-transition: border .13s ease-in, background-color .13s ease-in;
    -o-transition: border .13s ease-in, background-color .13s ease-in;
}

.newsMoreLink:hover {
    border: 2px solid #234791;
    background-color: #234791;
}

.newsMoreLink:hover>.newsMoreLinkIMG1,
.newsMoreLinkIMG2 {
    display: none;
}

.newsMoreLink:hover>.newsMoreLinkIMG2 {
    display: inline-block;
}

.newsInfo {
    margin-top: 110px;
}

.newsInfoTxt1 {
    margin-bottom: 5px;
    font-size: 40px;
    font-family: "webfontM";
}

.newsInfoTxt2 {
    display: inline-block;
    width: 100%;
    font-size: 26px;
    font-family: "webfontR";
    line-height: 50px;
    color: #666;
}

.KN_GunDong {
    height: 240px;
}

.newsLog {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 200px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

.newsLog:not(:first-child) {
    margin-top: 20px;
}

.KN_GunDongList {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    overflow: unset;
}

.KN_GunDongList:not(:first-child) {
    margin-left: 20px;
}

.KN_GunDongImg {
    width: auto;
}

.newsLog:hover>.KN_GunDongImg {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.generalduty1 {
    position: relative;
    border-bottom: 1px solid #58595b;
    margin-top: 110px;
    padding: 70px 11.33%;
    background-color: #333;
}

.goTop {
    position: absolute;
    top: -37px;
    left: calc(50% - 56px);
}

.goTopLink {
    display: inline-block;
}

.KN_GOTOP:hover {
    background-color: #234791;
}

.addressTxt {
    font-family: "webfontR";
}

.address {
    padding: 2% 0;
    background: url(../img/img_address.png)no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.addressMin {
    height: 100%;
}

.addressList {
    float: left;
    display: inline-flex;
    justify-content: center;
    flex-flow: column;
    padding: 0 100px;
    height: 100%;
    color: #fff;
}

.addressMail {
    margin-top: 20px;
}

.addressIMG {
    float: left;
}

.addressTel {
    float: left;
    margin-left: 30px;
}

.addressNum {
    margin-top: 5px;
    font-size: 24px;
    font-family: "webfontM";
}

.generalduty2 {
    border-bottom: 1px solid #58595b;
    padding: 80px 11.33%;
    background-color: #333;
}

.logoGray,
.logoMenu {
    float: left;
}

.logoQrcode {
    float: right;
    width: 10%;
}

.logoGray {
    margin-right: 220px;
}

.logoMenu {
    margin-left: 95px;
    color: #fff;
}

.logoMenu:nth-child(2) {
    margin-left: 0;
}

.logoMenuTitle {
    display: block;
    margin-bottom: 30px;
    font-size: 22px;
    font-family: "webfontM";
    color: #fff;
}

.logoMenuLink {
    display: block;
    margin-bottom: 25px;
    font-family: "webfontR";
    color: #fff;
    opacity: .7;
}

.logoMenuLink:last-child {
    margin-bottom: 0;
}

.logoMenuLink+.logoMenuTitle {
    margin-top: 50px;
}

.footer {
    padding: 0 11.33%;
    font-size: 18px;
    font-family: "webfontM";
}

.footerCopy {
    float: left;
}

.footerOther {
    float: right;
}

.footerLink {
    color: #e15046;
}

.footerWB,
.footerWX {
    float: left;
}

.footerWX {
    margin-left: 15px;
}

.footerWB:hover,
.footerWX:hover {
    opacity: .8;
}

.companyList2 {
    z-index: 1;
    position: relative;
    margin-top: -80px;
    padding: 0 11.33%;
}

.companyMenu,
.companyContent {
    float: left;
    width: 340px;
}

.companyContent {
    float: left;
    border: 1px solid #dbe1ec;
    border-top: 4px solid #d7442c;
    margin-left: 40px;
    width: calc(100% - 40px - 340px);
    background-color: #fff;
}

.companyMenuTitle {
    padding-left: 35px;
    font-size: 24px;
    font-family: "webfontB";
    line-height: 80px;
    background: url(../img/img_companymenubg.png)no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    color: #fff;
}

.companyMenuBar {
    border: 1px solid #dbe1ec;
    font-size: 18px;
    line-height: 80px;
    background-color: #fff;
}

.companyMenuLink {
    display: block;
    border-bottom: 1px solid #dbe1ec;
    margin: 0 35px;
    font-family: "webfontR";
    color: #333;
}

.companyMenuBar>li:last-child>.companyMenuLink {
    border-bottom: none;
}

.companyMenuLink::after {
    content: url(../img/img_companymenuarrow1.png);
    float: right;
}

.companyMenuBar>li.active>.companyMenuLink,
.companyMenuLink:hover {
    color: #cc3333;
}

.companyMenuBar>li.active>.companyMenuLink::after,
.companyMenuLink:hover::after {
    content: url(../img/img_companymenuarrow2.png);
}

.companyMenuSlider {
    position: relative;
    border: 1px solid #dbe1ec;
    border-top: 2px solid #c13d28;
    margin-top: 20px;
    font-size: 24px;
    font-family: "webfontB";
    line-height: 80px;
    background-color: #fff;
}

.companyMenuNews {
    border-bottom: 1px solid #e5e5e5;
    padding-left: 35px;
}

.slider4.swiper-container {
    margin-bottom: 60px;
}

.slider4 .swiper-slide {
    padding: 0 35px;
}

.slider4 .sliderTitle {
    display: block;
    border-bottom: 1px solid #dbe1ec;
    padding: 20px 0 30px;
}

.slider4 .sliderTitle:hover {
    opacity: .8;
}

.sliderPagination4.swiper-pagination {
    bottom: 0;
    left: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.sliderPagination4>.swiper-pagination-bullet {
    border: 2px solid #444;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    background-color: #fff;
}

.sliderPagination4>.swiper-pagination-bullet:first-child {
    margin-left: 0;
}

.sliderPagination4>.swiper-pagination-bullet-active {
    background-color: #444;
}

.companySliderDate {
    font-size: 16px;
    font-family: "webfontM";
    line-height: 48px;
    color: #666;
}

.companySliderNote {
    font-size: 20px;
    font-family: "webfontM";
    line-height: 32px;
    color: #222;
}

.companyListTitle {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 50px;
    font-size: 14px;
    font-family: "webfontR";
    height: 77px;
    line-height: 77px;
}

.companyListBtn {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.companyListBtn>.kniu_btn {
    border: 1px solid #bbb;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background-color: #f6f6f6;
    color: #666;
}

.companyListBtn>.kniu_btn>.kniu_btnIcon {
    margin-right: 10px;
}

.companyListTxt {
    padding: 55px 50px;
}

.companyListHead {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
    height: 130px;
}

.companyHead {
    float: left;
    color: #28233a;
}

.companyHead>img {
    width: 100%;
}

.companyHead:first-child {
    border-bottom: 2px solid #d7442c;
    margin-right: 20px;
    width: 7%;
    height: 100%;
}

.companyHeadTxt1 {
    margin-bottom: 10px;
    font-size: 30px;
    font-family: "webfontB";
}

.companyHeadTxt2 {
    font-family: "webfontR";
    text-transform: uppercase;
    color: #28233a;
}

.companyListBody {
    font-size: 14px;
    font-family: "webfontR";
    line-height: 38px;
}

.companyDetailIMG {
    margin-top: 45px;
}

.companyListBody .KN_PANELUP {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
    text-align: left;
    background-color: #fff;
}

.panelBox::before {
    content: "";
    position: relative;
    top: 40px;
    float: left;
    width: 30px;
    height: 40px;
    background: url(../img/img_iconbuild1.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    opacity: .3;
}

.panelBox:nth-child(2)::before {
    background: url(../img/img_iconbuild2.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:nth-child(3)::before {
    background: url(../img/img_iconbuild3.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:nth-child(4)::before {
    background: url(../img/img_iconbuild4.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:nth-child(5)::before {
    background: url(../img/img_iconbuild5.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:nth-child(6)::before {
    background: url(../img/img_iconbuild6.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:nth-child(7)::before {
    background: url(../img/img_iconbuild7.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:nth-child(8)::before {
    background: url(../img/img_iconbuild8.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:nth-child(9)::before {
    background: url(../img/img_iconbuild9.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.panelBox:last-child .KN_PANELUP {
    border: none;
}

.panel {
    padding-bottom: 0;
}

.panelBox>.KN_PANEL {
    float: left;
    margin-left: 30px;
    width: calc(100% - 30px - 30px);
}

.companyListBody>.panelBox:first-child {
    margin-top: -30px;
}

.panelTitle {
    font-size: 22px;
    font-family: "webfontM";
    color: #29176f;
}

.panelNote {
    margin-top: 5px;
    font-size: 14px;
    font-family: "webfontR";
    color: #666;
}

.companyListBody .KN_PANELDOWN {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 45px 0;
    line-height: 26px;
}

.companyListBody .KN_PANELUPLEFT {
    padding-left: 0;
    width: 90%;
}

.KN_PANELUPCHECKBOX:checked+.KN_PANELUP {
    border-bottom: none;
    padding-bottom: 0;
}

.panelBox:last-child .KN_PANELDOWN {
    border-bottom: none;
}

.panelAddress {
    margin-top: 30px;
}

.panelUser {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panelAddress>img,
.panelUser>img,
.panelTel>img {
    margin-right: 15px;
    width: 18px;
}

.companyListBody .KN_PANELUPRIGHT {
    position: relative;
    top: 10px;
    padding-right: 0;
}

.honorBox {
    text-align: center;
}

.honorList {
    margin-bottom: 45px;
    height: 480px;
}

.honorIMG {
    float: left;
    margin-left: 30px;
    width: calc((100% - 30px*2)/3);
    height: 100%;
    font-size: 22px;
    font-family: "webfontM";
    color: #28233a;
}

.honorIMG:first-child {
    margin-left: 0;
}

.honorIMGList1 {
    overflow: hidden;
    border: 1px solid #ccc;
    width: 100%;
    height: calc(100% - 20px - 22px);
}

.honorIMGList1 img {
    width: 100%;
    height: 100%;
}

.honorIMGList2 {
    margin-top: 20px;
    line-height: 22px;
}

.honorBox2 {
    border-top: 1px solid #ccc;
    padding-top: 65px;
}

.honorBox2 .honorIMG {
    width: calc((100% - 30px)/2);
}

.honorBox2 .honorList {
    height: 345px;
}

.newsBox,
.newsBox+.newsIMG {
    float: left;
}

.newsBox {
    width: calc(100% - 100px - 460px);
    color: #28233a;
}

.newsBox+.newsIMG {
    margin-left: 100px;
    width: 460px;
    height: 230px;
    transition: opacity .13s ease-in-out, filter .3s ease-in;
    -webkit-transition: opacity .13s ease-in-out, filter .3s ease-in;
    -moz-transition: opacity .13s ease-in-out, filter .3s ease-in;
    -ms-transition: opacity .13s ease-in-out, filter .3s ease-in;
    -o-transition: opacity .13s ease-in-out, filter .3s ease-in;
}

.newsTxt1 {
    font-family: "webfontM";
}

.newsTxt2 {
    margin-bottom: 20px;
    font-size: 26px;
    font-family: "webfontM";
}

.newsTxt3 {
    margin-bottom: 10px;
    font-size: 16px;
    font-family: "webfontR";
    line-height: 28px;
    color: #666;
}

.companyListBody>.newsList {
    display: block;
    border-top: 1px solid #e5e5e5;
}

.companyListBody>.newsList:hover .newsIMG {
    opacity: .8;
}

.companyListBody>.newsList:first-child {
    border-top: none;
    margin-top: -30px;
}

.pageBox {
    border-top: 1px solid #e5e5e5;
}

.page {
    margin-top: 50px;
    height: 50px;
    line-height: 48px;
    text-align: left;
}

.pageGroup {
    display: inline-block;
    height: 100%;
}

.pagePrev,
.pageNext,
.pageLink {
    float: left;
    border: 1px solid #bbb;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-left: 10px;
    padding: 0 40px;
    height: 100%;
    font-size: 20px;
    color: #666;
}

.pagePrev,
.pageLink:first-child {
    margin-left: 0;
}

.pageLink {
    padding: 0 18px;
    font-size: 22px;
    color: #333;
}

.pageLink.active {
    border-color: #3666e2;
    background-color: #3666e2;
    color: #ddd;
}

.pageForm {
    float: left;
    margin-left: 10px;
    height: 100%;
}

.pageInput {
    border: 1px solid #bbb;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0 5px;
    width: 50px;
    height: 100%;
    font-size: 20px;
    line-height: inherit;
    text-align: center;
}

.pageGo {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-left: 10px;
    padding: 0 20px;
    height: 30px;
    cursor: pointer;
    background-color: #3666e2;
    color: #fff;
}

.pageGo:hover {
    opacity: .8;
}

.contactTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
}

.contactTitleIMG,
.contactTitleAddress {
    float: left;
    width: 460px;
}

.contactTitleAddress {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 460px);
}

.contactTitleTxt1 {
    margin-bottom: 10px;
    font-size: 24px;
    font-family: "webfontM";
    color: #28233a;
}

.contactTitleTxt2 {
    font-family: "webfontR";
    line-height: 40px;
    color: #333;
}

.contactAddressList {
    position: relative;
    border: 1px solid #ddd;
    margin-top: 40px;
}

.contactAddressCompany {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "webfontM";
    background-color: #3666e2;
    color: #fff;
}

.contactAddressCard {
    float: left;
    padding: 30px 20px;
    width: 50%;
}

.contactAddressLine {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    border-left: 1px solid #ddd;
    width: 1px;
}

.contactAddressTxt {
    font-size: 14px;
    color: #666;
}

.contactAddressTxt>img {
    margin-right: 15px;
    width: 18px;
}

.contactAddressTxt:nth-child(3)>img {
    height: 18px;
}

.internalPanel {
    border: 1px solid #ddd;
    margin-top: 20px;
}

.internalPanel:first-child {
    margin-top: 0;
}

.internalPanel .KN_PANELUP {
    border: none;
    padding: 30px 50px;
    font-size: 22px;
    color: #28233a;
}

.internalPanel .KN_PANELUPCHECKBOX:checked+.KN_PANELUP {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

.internalPanel .KN_PANELDOWN {
    border: none;
    padding: 30px 50px;
    font-size: 14px;
    line-height: 32px;
    color: #666;
}

.internalTxt1,
.internalTxt2 {
    font-size: 18px;
    color: #333;
}

.internalTxt2 {
    margin-top: 45px;
}

.internalTxt3 {
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding-top: 30px;
}

.internalPanel .KN_PANELUPRIGHT {
    top: 0;
}

.lawsPanel {
    border-top: 1px solid #e5e5e5;
}

.lawsPanel:first-child {
    border-top: none;
    margin-top: -30px;
}

.lawsPanelTitle {
    font-size: 26px;
    font-family: "webfontM";
    color: #28233a;
}

.lawsPanelDate {
    margin-top: 15px;
    font-size: 16px;
    font-family: "webfontM";
    color: #666;
}

.lawsPanelTxt {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: "webfontR";
    line-height: 28px;
    color: #666;
}

.lawsPanel .KN_PANELDOWN {
    border: none;
    padding: 30px 0 45px;
}

.lawsPanel .KN_PANELUP {
    border: none;
}

.newsDetails {
    margin-left: 0;
    width: 100%;
}

.newsDetailNote {
    padding: 0 110px;
    font-size: 16px;
    font-family: "webfontR";
    line-height: 28px;
    color: #666;
}

.newsDetailTitle {
    margin-top: 60px;
    font-size: 32px;
    font-family: "webfontM";
    text-align: center;
    color: #28233a;
}

.newsDetailSub {
    margin-top: 25px;
    margin-bottom: 60px;
    font-family: "webfontM";
    text-align: center;
    color: #999;
}

.newsDetailBtn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #dbe1ec;
    margin: 80px 110px 50px;
    padding-top: 50px;
    color: #666;
}

.newsDetailNext {
    float: left;
    font-family: "webfontR";
    color: #666;
}

.newsDetailNext:hover {
    color: #da251d;
}

.newsDetailShare {
    float: right;
    margin-left: auto;
}

.newsDetailShareList {
    position: relative;
    float: left;
}

.newsDetailShareIMG2 {
    position: absolute;
    bottom: 40px;
    left: 0;
    display: none;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff;
}

.newsDetailShareList:not(:first-child) {
    margin-left: 15px;
}

.newsDetailShareList:hover .newsDetailShareIMG2 {
    display: block;
}

.newsDetailList {
    padding: 0 11.33%;
}

.newsDetailMore {
    border: 1px solid #dbe1ec;
    margin-top: 40px;
    background-color: #fff;
}

.newsDetailMoreBox {
    border-bottom: 1px solid #dbe1ec;
    padding: 0 40px;
    line-height: 70px;
}

.newsDetailMoreTitle1 {
    float: left;
    font-size: 24px;
    font-family: "webfontM";
    color: #28233a;
}

.newsDetailMoreTitle2 {
    float: right;
    font-family: "webfontR";
    color: #666;
}

.newsMoreNewsList {
    float: left;
    border-left: 1px solid #dbe1ec;
    padding: 40px 50px;
    width: calc(100%/3);
    min-height: 440px;
}

.newsMoreNewsList:hover>.newsMoreNewsDate,
.newsMoreNewsList:hover>.newsMoreNewsTitle,
.newsMoreNewsList:hover>.newsMoreNewsNote {
    color: #da251d;
}

.newsMoreNewsList:first-child {
    border-left: none;
}

.newsMoreNewsDate {
    font-family: "webfontM";
    color: #28233a;
}

.newsMoreNewsTitle {
    margin-top: 20px;
    font-size: 24px;
    font-family: "webfontM";
    line-height: 32px;
    color: #28233a;
}

.newsMoreNewsNote {
    margin-top: 30px;
    font-family: "webfontR";
    line-height: 28px;
    color: #666;
}

.newsMoreNewsIMG {
    margin-top: 40px;
}

.footerLinkBox {
    display: inline-block;
}

.business .companyListHead {
    margin-bottom: 5%;
}

.business .panelTitle {
    color: #666;
}

.business .companyListBody {
    border: 1px solid #dbe1ec;
}

.business .companyListBody>.panelBox:first-child {
    margin-top: 0;
}

.business .panelBox::before {
    content: "";
    display: none;
}

.business .panelBox>.KN_PANEL {
    margin-left: 0;
    width: 100%;
}

.business .panelBody {
    font-size: 14px;
    line-height: 38px;
    color: #333;
}

.business .KN_PANELUP {
    padding: 30px 35px;
}

.business .KN_PANELDOWN {
    padding: 55px 65px;
}

.business .KN_PANELUP[n-show="true"] {
    border-bottom: 1px solid #dbe1ec;
}

.business .panelBox:nth-of-type(even) .KN_PANELUP {
    background-color: #f9f9f9;
}

.KN_APPHDTITLE {
    display: block;
    line-height: 40px;
    color: #fff;
}

.partner {
    margin-top: -30px;
}

.partnerList {
    border-top: 1px solid #e5e5e5;
    height: 230px;
}

.partnerList:first-child {
    border-top: none;
}

.partnerCompany {
    position: relative;
    float: left;
    padding: 60px 0 75px;
    width: 25%;
    height: 100%;
    text-align: center;
}

.partnerLogo,
.partnerTxtBox {
    height: 50%;
}

.partnerLogo>img {
    height: 100%;
}

.partnerTxt1 {
    font-size: 14px;
    font-family: "webfontM";
}

.partnerTxt2 {
    font-size: 12px;
    font-family: "webfontR";
    line-height: 12px;
    color: #666;
}

.partnerTxtBox {
    margin-top: 5%;
}

.news .companyListHead,
.security .companyListHead {
    border-bottom: none;
    margin-bottom: 0;
}

.news .companyHead:first-child,
.security .companyHead:first-child {
    border-bottom: none;
}

.securityTabsBox>.kniu_bread {
    border-bottom: 1px solid #e5e5e5;
    height: 80px;
    font-size: 20px;
    font-family: "webfontM";
}

.securityTabsBox>.kniu_bread>.kniu_hashTabBtn.active {
    margin-top: 0;
    padding-right: 0;
    font-size: 20px;
    background-position: unset;
    color: #da251c !important;
}

.securityTabsBox>.kniu_bread>.kniu_navList:hover {
    color: #da251c !important;
}

.securityTabsBox>.kniu_bread>.kniu_navLine {
    margin: 0 20px
}

.securityTabsBox>.kniu_bread>.kniu_navList.active::after {
    height: 2px;
}

.news .newsList:first-child,
.security .newsList:first-child {
    border-top: none;
}

.historys .kniu_timeLineList {
    padding-bottom: 120px;
    padding-left: 25%;
}

.historys .kniu_timeLineList.active>.kniu_timeLineIcon {
    left: 160px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background-color: #9ab2f0;
}

.historys .kniu_timeLineList:before {
    left: 169px;
    margin-top: 30px;
    width: 8px;
    background-color: #9ab2f0;
}

.historys .kniu_timeLineContent {
    font-size: 14px;
    font-family: "webfontR";
    line-height: 20px;
    color: #666;
}

.historys .kniu_timeLineIcon {
    left: 162px;
    font-weight: 700;
    color: #3666e2;
}

.historys .historyYear {
    position: absolute;
    top: 0;
    right: 86%;
    font-size: 22px;
    font-family: "webfontB";
    line-height: 20px;
    color: #333;
}

.historys .historyMonth {
    font-family: "webfontR";
}

.historyTxt1 {
    font-size: 20px;
    font-family: "webfontB";
    color: #333;
}

.historyTxt2 {
    border: 1px solid #e8e8e8;
    padding: 30px 35px;
    line-height: 30px;
}

.historyTxt3 {
    border: 1px solid #e8e8e8;
    padding: 10px;
}

.historyTxt3 img {
    width: 100%;
}

.historyTxt1,
.historyTxt4 {
    padding: 30px 20px 20px;
    line-height: 30px;
}

.historys .companyListHead {
    margin-bottom: 80px;
}

.job .companyListHead,
.contact .companyListHead {
    margin-bottom: 50px;
}

.KN_DOWN {
    z-index: 8;
    position: fixed;
    right: 2%;
    bottom: 18%;
    border: 1px solid #888;
    background-color: #fff;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.KN_DOWN:hover {
    border-color: #234791;
    background-color: #234791;
    color: #fff;
}

.companyMore {
    margin-top: 2%;
    width: 100%;
    text-align: center;
}

.companyMoreLink {
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color: #234791;
    color: #fff;
}

@media(max-width:1920px) {
    @media(max-height:975px) {
        .kniu_hashTabBtn.active {
            background-position: right 22px;
        }

        .homeList1 {
            height: 640px;
        }
    }
}

@media(max-width:1680px) {
    .homeList1 {
        height: 650px;
    }

    .honorList {
        height: 400px;
    }

    .honorBox2 .honorList {
        height: 320px;
    }

    .logoGray {
        margin-right: 10%;
    }

    .newsBox {
        width: calc(100% - 10% - 50%);
    }

    .newsBox+.newsIMG {
        margin-left: 10%;
        width: 50%;
    }

    .homeTitleTXT {
        font-size: 38px;
    }

    .homeTitleIMG {
        margin-bottom: 30px;
    }

    .homeContent {
        line-height: 28px;
    }

    .contactTitleAddress {
        padding: 4% 4% 0;
    }

    .securityTabsBox>.kniu_bread>.kniu_navLine {
        margin: 0 10px;
    }

    .addressList {
        padding: 0 5%;
    }

    .securityTabsBox>.kniu_bread,
    .securityTabsBox>.kniu_bread>.kniu_hashTabBtn.active {
        font-size: 17px;
    }

    .historys .historyYear {
        right: 83%;
    }

    .newsInfo {
        margin-top: 5%;
    }
}

@media(max-width:1440px) {
    .KN_PCHD .KN_PCHDLOGOIMG {
        margin-top: 11%;
        width: 12%;
    }

    .KN_PCHD>.KN_PCHDLOGO,
    .KN_PCHD>.KN_PCHDOUT {
        margin-top: -60px;
    }

    .KN_PCHD .KN_PCHDTITLE>img {
        margin-top: 53.5px;
        width: 85%;
    }

    .KN_PCHD>.KN_PCHDMENU {
        height: 60px;
        line-height: 60px;
    }

    .KN_HEADFIXED>.KN_APPHD,
    .KN_HEADFIXED>.KN_PCHD,
    .KN_WEBHEAD {
        height: 160px;
        line-height: 160px;
    }

    .KN_PCHD .KN_PCHDOUTIMG1 {
        margin-top: 55px;
        padding-left: 54px;
        width: 260px;
        height: 50px;
        font-size: 14px;
    }

    .KN_PCHD .KN_APPHDLOGOIMG {
        padding: 50px 0;
    }

    .KN_PCHD .KN_PCHDNAVTITLE {
        font-size: 18px;
    }

    .titleLine {
        top: 18px;
    }

    .homeList1 {
        height: 560px;
    }

    .newsNav {
        height: 90px;
    }

    .homeAboutCompany {
        height: 200px;
    }

    .homeAboutCompany .swiper-button-next,
    .homeAboutCompany .swiper-button-prev {
        width: 60px;
    }

    .slider1 .sliderTitle {
        top: calc(50% - 65px - 35px);
        width: 250px;
        height: 130px;
        font-size: 30px;
    }

    .sliderTxt1 {
        font-size: 22px;
    }

    .silderButton {
        padding: 0 70px;
        height: 70px;
    }

    .silderNote {
        padding-left: 3%;
    }

    .sliderTxt4 {
        margin-top: 0;
        font-size: 16px;
    }

    .sliderTxt5 {
        font-size: 18px;
    }

    .sliderButtonPrev1.swiper-button-prev,
    .sliderButtonNext1.swiper-button-next {
        width: 70px;
        background-size: 20% auto;
    }

    .slider2 {
        width: calc(100% - 120px);
    }

    .homeContentTxt1 {
        margin-bottom: 30px;
    }

    .homeTitle {
        margin-bottom: 30px;
    }

    .logoGray {
        margin-right: 75px;
        width: 12%;
    }

    .newsNoteTxt2 {
        margin-bottom: 3%;
    }

    .newsNoteTxt3 {
        margin-bottom: 4%;
        line-height: 26px;
    }

    .newsNoteTxt1 {
        margin-bottom: 3%;
        font-size: 20px;
    }

    .newsInfo {
        margin-top: 7%;
    }

    .honorList {
        margin-bottom: 5%;
        height: 320px;
    }

    .honorBox2 .honorList {
        height: 250px;
    }

    .honorBox2 {
        padding-top: 8%;
    }

    .page {
        margin-top: 50px;
        height: 30px;
        line-height: 30px;
    }

    .pagePrev,
    .pageNext,
    .pageLink {
        margin-left: 5px;
        padding: 0 20px;
        font-size: 14px;
    }

    .pagePrev {
        margin-left: 0;
    }

    .pageLink {
        padding: 0 10px;
    }

    .contactTitleIMG {
        width: 45%;
    }

    .contactTitleAddress {
        padding: 4%;
        width: calc(100% - 45%);
    }

    .contactTitleTxt2 {
        line-height: 20px;
    }

    .contactAddressCard {
        padding: 15px;
    }

    .contactAddressCompany {
        margin-bottom: 2%;
        padding-bottom: 2%;
        font-size: 17px;
        line-height: 30px;
    }

    .contactAddressTxt {
        line-height: 28px;
    }

    .contactAddressTxt>img {
        width: 15px;
    }

    .contactAddressTxt:nth-child(3)>img {
        height: 16px;
    }

    .internalPanel .KN_PANELUPRIGHT {
        width: 30px;
    }

    .internalPanel .KN_PANELUPICONON {
        width: 13px;
    }

    .internalPanel .KN_PANELUPICONOFF {
        top: 8px;
        width: 85%;
    }

    .homeTitleTXT {
        font-size: 26px;
    }

    .homeTitleIMG {
        margin-bottom: 26px;
        font-size: 20px;
    }

    .workEN {
        font-size: 20px;
    }

    .newsTitle {
        font-size: 20px;
    }

    .homeContentTxt2,
    .homeAboutCompanyTXT,
    .companyName {
        font-size: 20px;
    }

    .menu {
        margin-top: -60px;
        height: 120px;
    }

    .menuListMin {
        padding: 5% 12%;
    }

    .menuDate {
        margin-bottom: 5%;
    }

    .menuTitle {
        font-size: 16px;
        line-height: unset;
    }

    .menuList:nth-child(2):hover>.menuListMin {
        border-top: 6px solid #d7442c;
    }

    .addressNum {
        margin-top: 5px;
        font-size: 17px;
    }

    .internalPanel .KN_PANELUPRIGHT {
        width: auto;
    }

    .KN_PANELUPCHECKBOX:checked+.KN_PANELUP>.KN_PANELUPRIGHT>.KN_PANELUPICONOFF {
        top: 10px;
        width: 20px;
    }

    .headerSearchIMG {
        width: 20px;
    }

    .workCN {
        font-size: 30px;
    }

    .workTxt1 {
        margin-bottom: 4%;
        font-size: 22px;
    }

    .workMore .kniu_btn {
        font-size: 16px;
        width: 140px;
        height: 50px;
    }

    .newsInfoTxt1 {
        font-size: 30px;
    }

    .newsInfoTxt2 {
        font-size: 20px;
        line-height: 40px;
    }

    .footer {
        font-size: 16px;
    }

    .logoMenuTitle {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .logoMenuLink {
        margin-bottom: 20px;
    }

    .companyList2 {
        margin-top: -60px;
    }

    .companyMenuTitle,
    .companyMenuSlider,
    .companyMenuBar {
        font-size: 20px;
        line-height: 60px;
    }

    .companyMenuBar,
    .companySliderNote,
    .honorIMG {
        font-size: 17px;
    }

    .companySliderNote {
        line-height: 30px;
    }

    .slider4 .sliderTitle {
        padding: 15px 0 25px;
    }

    .companyListTitle {
        height: 57px;
        line-height: 57px;
    }

    .companyHeadTxt1,
    .newsDetailMoreTitle1 {
        font-size: 22px;
    }

    .companyHeadTxt2>img {
        width: 90%;
    }

    .companyListHead {
        height: 120px;
    }

    .business .companyListHead {
        margin-bottom: 30px;
    }

    .panelTitle,
    .newsTxt2 {
        font-size: 20px;
    }

    .newsTxt2 {
        line-height: 28px;
    }

    .KN_PANELUPICONON {
        width: 70%;
    }

    .newsTxt3 {
        font-size: 14px;
        line-height: 22px;
    }

    .newsDetailTitle {
        font-size: 28px;
    }

    .newsMoreNewsTitle {
        font-size: 20px;
        line-height: 30px;
    }

    .lawsPanelTitle {
        font-size: 20px;
    }

    .lawsPanelDate {
        font-size: 14px;
    }

    .contactTitleTxt1 {
        font-size: 20px;
    }

    .menuNote {
        margin: 5% 0;
    }

    .homeContentBtn {
        width: 140px;
    }

    .workContent {
        margin-top: 5%;
        height: 200px;
    }

    .workSliderBtn {
        margin-top: 20px;
    }

    .slider3 {
        height: calc(100% - 40px - 20px);
    }

    .workSliderBtn .swiper-button-prev {
        left: 47%;
    }

    .workSliderBtn .swiper-button-next {
        left: 53%;
    }

    .homeList3 {
        padding-bottom: 5%;
    }

    .generalduty1,
    .generalduty2 {
        padding: 2% 11.33%;
    }

    .homeContentTxt1>b {
        font-size: 18px;
    }

    .business .KN_PANELUP {
        padding: 4%;
    }

    .business .KN_PANELUPCHECKBOX:checked+.KN_PANELUP {
        padding-bottom: 3%;
    }

    .business .KN_PANELDOWN {
        padding: 3% 5%;
    }

    .newsMoreLink {
        width: 70px;
        height: 70px;
    }

    .partnerList {
        height: 200px;
    }

    .partnerCompany {
        padding: 50px 0 65px;
    }

    .securityTabsBox>.kniu_bread>.kniu_navLine {
        margin: 0 5px;
    }

    .securityTabsBox>.kniu_bread,
    .securityTabsBox>.kniu_bread>.kniu_hashTabBtn.active {
        font-size: 16px;
    }

    .newsMenu {
        font-size: 20px;
    }

    .newsMenu>.kniu_hashTabBtn.active {
        font-size: 22px;
    }

    .newsMenu>.kniu_navList.active::after {
        height: 3px;
    }

    .panelBox>.KN_PANEL {
        margin-left: 5%;
        width: calc(100% - 5% - 30px);
    }

    .historys .historyYear {
        right: 89%;
        font-size: 15px;
    }

    .historys .kniu_timeLineList.active>.kniu_timeLineIcon {
        left: 89px;
        width: 23px;
        height: 23px;
        line-height: 23px;
    }

    .historys .kniu_timeLineList:before {
        left: 98px;
        width: 6px;
    }

    .historys .kniu_timeLineIcon {
        left: 91px;
    }

    .historyTxt1 {
        font-size: 18px;
    }

    .historyTxt2 {
        padding: 20px 25px;
    }

    .historyTxt1,
    .historyTxt4 {
        padding: 20px 10px 10px;
    }

    .historys .kniu_timeLineList {
        padding-bottom: 18%;
    }

    .honorIMGList2 {
        font-size: 14px;
    }

    .companyMenu {
        width: 260px;
    }

    .companyContent {
        margin-left: 30px;
        width: calc(100% - 30px - 260px);
    }

    .newsDetails {
        margin-left: 0;
        width: 100%;
    }

    .KN_PANELUPICONOFF {
        height: 12px;
    }

    .pageInput {
        width: 30px;
        font-size: 14px;
    }
}

@media(max-width:1360px) {
    .homeList1 {
        height: 530px;
    }

    .workTxt2 {
        margin-bottom: 2%;
    }

    .workMore .kniu_btn {
        width: 140px;
        height: 50px;
        font-size: 16px;
    }

    .securityTabsBox>.kniu_bread,
    .securityTabsBox>.kniu_bread>.kniu_hashTabBtn.active {
        font-size: 14px;
    }
}

@media(max-width:1280px) {
    .KN_PCHD .KN_PCHDNAV {
        width: calc(100% - 320px);
    }

    .KN_PCHD .KN_PCHDNAVTITLE {
        font-size: 16px;
    }

    .homeList1 {
        height: 500px;
    }

    .headerSearch.active {
        width: 320px;
    }

    .homeTitleIMG {
        margin-bottom: 6%;
    }

    .homeContent {
        line-height: 26px;
    }

    .homeContentBtn {
        width: 30%;
    }

    .companyMenu {
        width: 250px;
    }

    .companyContent {
        margin-left: 3%;
        width: calc(100% - 3% - 250px);
    }

    .companyMenuTitle,
    .companyMenuBar {
        line-height: 60px;
    }

    .companyList2 {
        margin-top: -60px;
    }

    .companyListTitle {
        height: 57px;
        line-height: 57px;
    }

    .companyListBody {
        line-height: 30px;
    }

    .companyListBody .KN_PANELUP {
        padding: 20px 0;
    }

    .companyListBody .KN_PANELUPICONON {
        width: 10px;
    }

    .companyListBody .KN_PANELUPICONOFF {
        width: 18px;
    }

    .panelBox::before {
        top: 23px;
    }

    .business .KN_PANELUP {
        padding: 4%;
    }

    .newsDetails {
        margin-left: 0;
        width: 100%;
    }

    .internalPanel {
        padding: 5px 30px;
    }

    .logoMenu {
        margin-left: 60px;
    }

    .menuListMin {
        padding: 6% 12%;
    }

    .newsMoreNewsList {
        padding: 20px;
    }

    .internalPanel .KN_PANELDOWN {
        padding: 0;
    }
}

@media(max-width:1152px) {
    .KN_PCHD>.KN_PCHDMENU {
        left: 6.33%;
        width: calc(100% - 6.33%*2);
    }

    .KN_PCHD,
    .menu,
    .footer {
        padding: 0 6.33%;
    }

    .slider1 .sliderTitle {
        right: calc(6.33% + 9px);
    }

    .slider1 .swiper-slide {
        padding: 0 6.33%;
        padding-right: calc(6.33% + 10px);
    }

    .silderButton {
        left: calc(6.33% - 1px);
        width: calc(100% - 6.33%*2 - 8px);
    }

    .homeContent {
        line-height: 24px;
    }

    .companyName {
        font-size: 18px;
    }

    .companyWhere {
        margin: 2px 0;
    }

    .homeList3 {
        padding: 5% 6.33% 8%;
    }

    .workCN {
        font-size: 30px;
        line-height: 32px;
    }

    .workNote {
        margin-top: 5%;
    }

    .newsDetail {
        padding: 6% 6.33%;
    }

    .slider3 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }

    .newsMoreLink {
        width: 60px;
        height: 60px;
    }

    .newsMoreLink>img {
        width: 30%;
    }

    .newsInfoTxt1 {
        margin-bottom: 10px;
        font-size: 26px;
    }

    .newsInfoTxt2 {
        font-size: 18px;
        line-height: 30px;
    }

    .newsNav {
        height: 80px;
    }

    .generalduty1,
    .generalduty2 {
        padding: 5% 6.33%;
    }

    .addressNum {
        font-size: 16px;
    }

    .companyList2 {
        padding: 0 6.33%;
    }

    .footer {
        font-size: 16px;
    }

    .newsMoreNewsList {
        padding: 2%;
    }

    .homeList2 {
        padding: 5% 6.33%;
    }
}

@media(max-width:1024px) {
    .KN_WEBHEAD {
        background-color: #fff;
        color: #333;
    }

    .KN_HEADFIXED>.KN_APPHD,
    .KN_HEADFIXED>.KN_PCHD,
    .KN_WEBHEAD,
    .KN_FOOTER {
        height: 60px;
        line-height: 60px;
    }

    .KN_APPHDNAVLINK {
        height: auto;
        line-height: unset;
    }

    .KN_APPHDNAVTITLE,
    .KN_APPHDNAVDOWN>a {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #fff;
    }

    .KN_APPHDNAVDOWN>a {
        border-top: 1px solid #333;
        background-color: #111;
        color: #888;
    }

    .KN_APPHDNAVDOWN {
        display: none;
    }

    .logoGray {
        margin-right: 5%;
        width: 10%;
    }

    .logoMenu {
        margin-left: 6%;
    }

    .logoMenuTitle,
    .logoMenuLink {
        margin-bottom: 10%;
    }

    .logoMenuTitle {
        font-size: 20px;
    }

    .homeList1 {
        height: 450px;
    }

    .slider1 .swiper-slide {
        padding: 0 4%;
        padding-right: 4%;
    }

    .silderButton {
        left: 4%;
        width: calc(100% - 4%*2);
    }

    .homeList3 {
        height: auto;
    }

    .homeContentBtn {
        width: 35%;
    }

    .KN_PCHD,
    .menu,
    .footer,
    .companyList2 {
        padding: 0 4%;
    }

    .slider1 .sliderTitle {
        right: 4%;
    }

    .homeList2,
    .homeList3,
    .newsDetail,
    .generalduty1,
    .generalduty2 {
        padding: 5% 4%;
    }

    .footer {
        font-size: 14px;
    }

    .generalduty1 {
        margin-top: 10%;
    }

    .newsDetailNote {
        padding: 4%;
        font-size: 14px;
    }

    .newsDetailTitle {
        margin-top: 5%;
        font-size: 28px;
    }

    .newsDetailSub {
        margin-top: 2%;
        margin-bottom: 5%;
    }

    .newsDetailBtn {
        margin: 4%;
    }

    .newsDetailList {
        padding: 0 4%;
    }

    .newsMoreNewsTitle {
        margin-top: 5%;
        font-size: 20px;
        line-height: 30px;
    }

    .newsMoreNewsNote {
        margin-top: 10%;
        line-height: 26px;
    }

    .newsMoreNewsIMG {
        margin-top: 10%;
    }

    .newsDetailShare {
        display: none;
    }

    .videoBg {
        display: flex;
    }

    .KN_MEDIAVIDEO,
    .KN_DOWN {
        display: none;
    }

    .workLink~.workMore {
        display: none;
    }

    .workLink>.workMore {
        z-index: unset;
        position: unset;
        display: flex;
        margin-top: 2%;
        height: 40px;
        opacity: 1;
    }

    .workLink>.workMore .kniu_btn {
        padding: 0 20px;
        width: auto;
        height: 40px;
        font-size: 14px;
    }

    .slider3 .swiper-slide:hover>.workLink {
        filter: blur(0);
        -webkit-filter: blur(0);
    }
}

@media(max-width:480px) {
    .homeList1 {
        height: 250px;
    }

    .slider1 .swiper-slide {
        padding: 0;
        padding-right: 0;
    }

    .slider1 .swiper-slide img {
        width: 100%;
        height: 100%;
    }

    .slider1 .sliderTitle {
        top: calc(50% - 50px - 35px);
        right: calc(50% - 120px);
        display: none;
        width: 50%;
        height: 100px;
    }

    .silderButton {
        left: 0;
        padding: 0 40px;
        width: 100%;
        height: 40px;
        background-color: rgba(54, 102, 226, .6);
    }

    .sliderButtonPrev1.swiper-button-prev,
    .sliderButtonNext1.swiper-button-next {
        width: 40px;
    }

    .slider1 .swiper-pagination {
        bottom: 10px !important;
    }

    .sliderTxt3,
    .sliderTxt4 {
        font-size: 13px;
    }

    .menu {
        margin-top: 0;
        height: auto;
    }

    .menuNote {
        margin: 5% 0;
    }

    .menuListMin,
    .menuList:hover>.menuListMin {
        border-top: 6px solid #168bdd;
        padding: 4%;
        background-color: #fff !important;
        color: #28233a;
    }

    .menuList:nth-child(2)>.menuListMin,
    .menuList:nth-child(2):hover>.menuListMin {
        border-top: 6px solid #d7442c;
    }

    .menuList:last-child>.menuListMin,
    .menuList:last-child:hover>.menuListMin {
        border-top: 6px solid #3666e2;
    }

    .menuList:hover>.menuListMin {
        position: unset;
    }

    .menuList:nth-child(2)>.menuListMin {
        background-color: #fff;
    }

    .newsIMG,
    .homeAboutRight {
        margin-left: 0;
    }

    .newsNote,
    .newsIMG,
    .newsInfoTxt2,
    .homeAboutRight {
        width: 100%;
    }

    .menuList,
    .homeAboutLeft,
    .homeAboutRight {
        margin-top: 10%;
        width: 100%;
    }

    .homeAboutRight {
        margin-top: 5%;
    }

    .homeContentTxt1 {
        margin-bottom: 5%;
    }

    .homeAboutLeft {
        margin-top: 0;
    }

    .homeTitleTXT,
    .homeTitleIMG {
        text-align: left;
    }

    .homeTitleTXT {
        padding-bottom: 1%;
    }

    .homeTitleIMG {
        margin-bottom: 2%;
    }

    .homeTitle {
        margin-bottom: 3%;
    }

    .homeTitle,
    .homeContentBtnBox {
        text-align: center;
    }

    .homeAboutRight>img {
        width: 100%;
    }

    .workCN,
    .workEN {
        width: 100%;
        text-align: center;
    }

    .workEN {
        margin-top: 5%;
    }

    .slider3 {
        height: calc(100% - 30px);
    }

    .sliderPagination3 {
        position: unset !important;
        display: block;
        margin-top: 10px;
        width: 100%;
    }

    .sliderPagination3>.swiper-pagination-bullet {
        margin-left: 5px;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

    .sliderPagination3>.swiper-pagination-bullet:first-child {
        margin-left: 0;
    }

    .workSliderBtn {
        display: none;
        margin: 5% 0;
    }

    .workSliderBtn .swiper-button-next {
        left: calc(100% - 40px);
    }

    .kniu_hashTabBtn.active {
        padding: 0;
    }

    .newsTitle {
        display: none;
    }

    .newsNote {
        margin-bottom: 10%;
    }

    .addressList {
        justify-content: flex-start;
        width: 100%;
        margin-top: 5%;
    }

    .addressList:first-child {
        margin-top: 0;
    }

    .address {
        height: auto;
        background: none;
    }

    .logoGray {
        margin-right: 0;
        margin-bottom: 10%;
        width: 100%;
        text-align: center;
    }

    .logoGray>img {
        width: 30%;
    }

    .logoQrcode {
        margin-top: 5%;
        width: 100%;
        text-align: center;
    }

    .logoMenuTitle {
        margin-bottom: 5%;
    }

    .logoMenuLink+.logoMenuTitle {
        margin-top: 35%;
    }

    .logoMenu {
        margin-left: 5%;
        width: calc((100% - 5%*3)/4);
    }

    .KN_FOOTER {
        height: auto;
        line-height: unset;
    }

    .footer {
        padding: 4% 0;
    }

    .footerCopy {
        margin-bottom: 5%;
        width: 100%;
    }

    .footerOther {
        display: inline-block;
        float: none;
        width: auto;
    }

    .companyMenu {
        width: 100%;
    }

    .companyContent {
        margin-top: 5%;
        margin-left: 0;
        width: 100%;
    }

    .companyListTitle,
    .slider4 .swiper-slide {
        padding: 0 4%;
    }

    .companyListTxt {
        padding: 4%;
    }

    .generalduty1 {
        margin-top: 15%;
    }

    .companyMenuTitle,
    .companyMenuNews {
        padding-left: 4%;
    }

    .companyMenuLink {
        margin: 0 4%;
    }

    .sliderPagination4.swiper-pagination {
        left: 4%;
    }

    .companyMenuTitle,
    .companyMenuBar {
        line-height: 50px;
    }

    .companyMenuTitle,
    .companyMenuSlider {
        font-size: 22px;
    }

    .companyMenuSlider {
        display: none;
    }

    .companyMenuBar,
    .companySliderNote {
        font-size: 16px;
    }

    .companyList2 {
        margin-top: -50px;
    }

    .panelBox::before {
        display: none;
    }

    .panelBox>.KN_PANEL {
        margin-left: 0;
        width: 100%;
    }

    .companyListBody .KN_PANELUPLEFT {
        width: 80%;
    }

    .companyListBody .KN_PANELUPRIGHT {
        top: 0;
    }

    .honorIMG {
        margin-left: 0;
        width: 100%;
    }

    .honorIMGList1 img {
        width: auto;
        height: auto;
    }

    .honorList,
    .honorBox2 .honorList {
        height: auto;
    }

    .honorIMGList2 {
        margin: 4% 0;
    }

    .honorBox2 .honorIMG {
        width: 100%;
    }

    .honorBox>.honorList {
        margin-bottom: 0;
    }

    .newsBox {
        width: 100%;
    }

    .newsBox+.newsIMG {
        margin-top: 5%;
        margin-left: 0;
        width: 100%;
    }

    .pagePrev,
    .pageNext,
    .pageLink {
        padding: 0 10px;
    }

    .pageBox {
        text-align: center;
    }

    .page {
        display: inline-block;
    }

    .lawsPanel .KN_PANELUPLEFT {
        width: 100%;
    }

    .lawsPanelTitle {
        font-size: 20px;
    }

    .internalPanel {
        padding: 0 4%;
    }

    .panelTitle {
        font-size: 18px;
    }

    .contactTitleIMG {
        width: 100%;
    }

    .contactTitleAddress {
        width: 100%;
    }

    .contactAddressCard {
        border-left: none;
        width: 100%;
    }

    .newsDetailTitle {
        font-size: 19px;
    }

    .newsMoreNewsList {
        border-bottom: 1px solid #dbe1ec;
        border-left: none;
        padding: 5% 4%;
        width: 100%;
        min-height: auto;
    }

    .newsMoreNewsNote,
    .newsMoreNewsIMG {
        margin-top: 6%;
    }

    .sliderTxt4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sliderTxt5 {
        font-size: 12px;
    }

    .homeList1 .swiper-container,
    .homeList1 .swiper-slide>img {
        width: 100%;
    }

    .homeContentTxt1>b {
        display: block;
        text-align: center;
    }

    .partner {
        margin-top: 0;
    }

    .partnerCompany {
        width: 50%;
        height: 200px;
    }

    .partnerList {
        border-top: none;
        height: auto;
    }

    .securityTabsBox {
        border-bottom: none;
        height: auto;
        text-align: center;
    }

    .securityTabsBox>.kniu_bread {
        display: inline-block;
        width: 100%;
        height: auto;
    }

    .newsNav {
        text-align: center;
    }

    .newsMenu {
        float: none;
        display: inline-block;
    }

    .companyHead:first-child {
        width: 10%;
    }

    .securityTabsBox>.kniu_bread>.kniu_navLine {
        display: none;
    }

    .securityTabsBox>.kniu_bread>.kniu_navList {
        width: calc(100%/3);
    }

    .securityTabsBox>.kniu_bread>.kniu_navList.active::after {
        left: 20%;
        width: 60%;
    }

    .logoQrcode img {
        width: 30%;
    }

    .historys .kniu_timeLineList {
        padding-left: 10%;
    }

    .historys .kniu_timeLineList.active>.kniu_timeLineIcon {
        left: 0;
    }

    .historys .kniu_timeLineList:before {
        left: 9px;
    }

    .historys .kniu_timeLineIcon {
        left: 2px;
    }

    .historys .historyYear {
        position: relative;
        right: 0;
        margin-bottom: 3%;
    }

    .historys .kniu_timeLineContent {
        padding-left: 0;
    }

    .historys .companyListHead {
        margin-bottom: 18%;
    }

    .historys .kniu_timeLineList:last-child::before {
        margin-top: 18px;
    }

    .contactAddressLine {
        display: none;
    }

    .homeAboutCompanyTXT {
        margin-top: 10%;
    }

    .homeAboutCompanyTXT {
        text-align: center;
    }

    .contactTitle {
        flex-flow: column;
    }
}

@media(max-width:414px) {
    .homeList1 {
        height: 210px;
    }

    .footerCopy {
        line-height: 26px;
    }

    .footerLinkBox {
        display: block;
    }

    .logoMenuTitle {
        font-size: 16px;
    }

    .companyListBtn>.kniu_btn {
        width: 95px;
    }

    .companyListBtn>.kniu_btn>.kniu_btnIcon {
        display: none;
    }

    .honorIMG {
        font-size: 18px;
    }

    .companyHeadTxt1 {
        font-size: 22px;
    }

    .companyListHead {
        height: 100px;
    }

    .panelTitle {
        font-size: 20px;
    }

    .page {
        height: 26px;
        line-height: 26px;
    }

    .pagePrev,
    .pageNext,
    .pageLink {
        padding: 0 7px;
    }

    .pageGo {
        height: 100%;
    }

    .newsTxt2 {
        font-size: 20px;
    }

    .slider1 .sliderTitle {
        right: calc(50% - 104px);
    }

    .partnerCompany {
        height: 150px;
        padding: 30px 0 50px;
    }

    .newsMenu>.kniu_navLine {
        margin: 0 20px;
    }

    .historys .kniu_timeLineList:last-child::before {
        margin-top: 15px;
    }

    .homeAboutCompany .swiper-button-next,
    .homeAboutCompany .swiper-button-prev {
        width: 40px;
    }

    .slider2 {
        width: calc(100% - 80px);
    }
}

@media(max-width:375px) {
    .companyListBtn>.kniu_btn {
        display: none;
    }

    .slider4 .sliderTitle {
        padding: 2% 0;
    }

    .panelTitle {
        font-size: 18px;
    }

    .pagePrev,
    .pageNext,
    .pageLink {
        padding: 0 5px;
        font-size: 12px;
    }

    .page {
        height: 22px;
        line-height: 20px;
    }

    .pageForm,
    .pageInput,
    .pageGo {
        font-size: 12px;
    }

    .slider1 .sliderTitle {
        right: calc(50% - 94px);
    }
}

@media(max-width:360px) {
    .companyHead:first-child {
        width: 15%;
    }

    .slider1 .sliderTitle {
        right: calc(50% - 90px);
    }

    .homeAboutCompany .swiper-button-next {
        right: 2px;
        background-color: #fff;
    }

    .partners .companyHeadTxt2>img {
        width: 39%;
    }

    .newsMenu>.kniu_navLine {
        margin: 0 10px;
    }

    .company .companyHeadTxt2>img {
        width: 60%;
    }

    .security .companyHeadTxt2>img {
        width: 60%;
    }

    .contact .companyHeadTxt2>img {
        width: 30%;
    }

    .historys .kniu_timeLineList:last-child::before {
        margin-top: 13px;
    }

    .homeTitleTXT {
        font-size: 23px;
        padding-bottom: 2%;
    }
}